博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ghost本地安装highlight.js使代码高亮
阅读量:6172 次
发布时间:2019-06-21

本文共 627 字,大约阅读时间需要 2 分钟。

对于程序猿写博客来说,这代码高亮是起码的要求。可是Ghost本身没有支持高亮代码。

可是能够通过扩展来实现,它就是highlight.js——附,看了下首页介绍,真的非常强大,如今说说怎么进行安装,非常easy。

下载highlight.js

本来已经包括了非常多支持的高亮语言,假设上面没找到你要的语言,能够在以下继续 勾选。最后点击下方的下载。

解压安装highlight.js

解压highlight.js到Ghost本地的主题目录以下的资源目录。我这里是:

安装路径

安装highlight.js

用文本编辑器打开theme目录下的default.hbs文件进行编辑:

找到{

{! Styles’n’Scripts }},在以下加入:

这里的hybrid.css是你想用的代码主题。这里我用的hybrid.css,,个人喜好。还能够选择styles目录下的其他主题样式。你能够到预览各种风格的代码主题,选择自己喜欢的。

找到{

{! The main JavaScript file for Casper }},在以下加入:

    

怎样使用代码高亮

用Ghost自带的markdown编辑器时。依照例如以下格式:

...

python能够换成其他的语言。

Ok。如今能够体验代码高亮的感觉了!效果例如以下,这是一段python代码:

这里写图片描写叙述

转载于:https://www.cnblogs.com/clnchanpin/p/7210557.html

你可能感兴趣的文章
Configuring Aggregated Ethernet Interfaces
查看>>
我的友情链接
查看>>
Asp.net页面和Html页面之间的关系
查看>>
[故障解决]Mysql爆出ERROR 1044 (42000)的错误怎么办?
查看>>
MySQL之数据库对象查看工具mysqlshow
查看>>
关于大学生玩网络游戏的调查问卷
查看>>
数据类型之Integer与int
查看>>
转载:ASP.NET在后台代码实现个功能,根据选择提示用户是否继续执行操作
查看>>
静态代理设计与动态代理设计
查看>>
uva-10152-乌龟排序
查看>>
ThreadLocal源码剖析
查看>>
每天一个linux命令(12):more命令
查看>>
奈奎斯特采样定理:
查看>>
Java笔试之Singleton
查看>>
android自动化框架简要剖析(一):运行原理+基本框架
查看>>
处理测试环境硬盘爆满
查看>>
Python函数积累
查看>>
jq挑战30天——打字机效果+小程序
查看>>
bzoj 2296: 【POJ Challenge】随机种子
查看>>
MPU和MCU的区别和选择
查看>>